<template>
  <timeline-carousel
    :timelineList="[{
      id: 1,
      text: '四年计划',
    },
    {
      id: 2,
      text: '大一'
    },
    {
      id: 3,
      text: '大二'
    },
    {
      id: 4,
      text: '大三'
    },
    {
      id: 5,
      text: '大四'
    }]"
    :carouselList="[{
      id: 1,
      img: 'https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/plan/summary.png?versionId=CAEQGBiBgIDD_v.F5hciIGYxMzJiYzhiZDgwNzRlMzQ4OWQ1M2EyZDBkNzU5NjRm',
      title: '成长路线',
      info: '盛年不重来，一日难再晨。及时宜自勉，岁月不待人。如果说人生是一-本书,那么大学生活便是书中最美丽的彩页;如果说人生是一台戏,那么大学生活便是戏中最精彩的一幕,如果说人生是一次从降生到死亡的长途旅行;那么拥有大学生活的我们，便可以看到最灿烂的风景。'
    },
    {
      id: 2,
      img: 'https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/plan/one.png?versionId=CAEQGBiBgIDFgICG5hciIGQwM2NmMTBhNTIwMzQwMTk4OWM2MzBlMjgyYTE4MTVl',
      title: '大一',
      info: '1、了解就业形势,树立新的奋斗目标。如果说之前的努力是为了考上大学，那么现在的任务就是为了以后的就业和职业发展。2、完成从中学生到大学生的角色转变尽快适应大学生活。虚心请教师兄师姐，积极参加集体活动，建立新的人际关系圈。3、开始自我和职业的探索，树立职业规划意识。通过职业测评等工具全面客观地探索自己，思考有哪些职业与自己所读的课程、专业相吻合,通过各种渠道进一步了解自己喜欢或者是感兴趣的职业。'
    },
    {
      id: 3,
      img: 'https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/plan/two.png?versionId=CAEQGBiBgICa__.F5hciIDIyN2FmZWY4ZDEwZTRjOTA4YmQ2MmM0ZGI1ZDJkZmJi',
      title: '大二',
      info: '1、根据自己发展意愿选定专业或主攻方向。  2、建立合理知识结构注重专业能力的培养,考取英语四六级计算机等基础类的证书。(复习四六级单词是基础，记单词推荐《四级词汇闪过》,单词按照真题考查频率划分,有重点，背起来很省时间哦。)  3、积极参加学生会或社团工作,培养自己的组织协调能力和团队合作精神,提升自己的综合素质。  4、尝试兼职，实习等，积累一定的职业经验。'
    },
    {
      id: 4,
      img: 'https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/plan/three.png?versionId=CAEQGBiBgMDh_v.F5hciIDlhMWNiZDI0MWUwNzQzMzc5NWYwYjg2YzQ0M2FhMzk2',
      title: '大三',
      info: ' 1、加强专业知识学习的同时，考取与职业目标相关的职业资格证书。2、增强兼职实习的职业针对性，积累对应聘有利的职业实践经验。3、扩大校内外交际圈，加强与校友职场人士的交往，提前参加校园招聘会，与用人单位招聘人员进行沟通。4、学习求职技巧学会制作简历、求职信，了解面试技巧和职场礼仪。'
    },
    {
      id: 5,
      img: 'https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/plan/four.png?versionId=CAEQGBiBgMDBgICG5hciIDZjZDlkZWNkODM2OTRlY2RhMjA0NmExNWI4NWQ4ZTMz',
      title: '大四',
      info: '1、留意学校就业中心通知和其它重要的招聘渠道，不要遗漏关键的招聘信息。2、登录招聘单位网站或通过咨询访谈等方式，了解招聘单位的相关信息，为面试做好准备。3、选择实用性高的毕业设计题目，借机证明自己的应用研究能力。'
    }
    ]"
    themeColor="#ff8c00"
    timelineNum="4"
    timelineWidth="230"
    :mouseEvent="true"
  > <div class="title">
      <p class="big-title">卓越赛事</p>
      <p class="en-title">荣誉只是过去，挑战永不停息</p>
    </div>
  </timeline-carousel>
</template>

<script>

export default {
  name: '',
  props: {},
  components: {
  },
  data () {
    return {}
  },
}
</script>

<style lang="less" scoped>
  .container{
    background: url('https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/image/shiguang.png?versionId=CAEQGBiBgICq3PyZ5hciIDkwNzNmNGFlOTcyNjRhODg4OWI1ZDU3ZjE1ZmM5Mzhk') no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 1s linear;

    /deep/ .slider span{
      border-radius: 25px;
      width: 1000px;
      height: 400px;
      box-shadow: 0 15px  25px rgba(0,0,0,.5);
    }
    /deep/ .slider .slider-box .slider-box__item:nth-child(2){
      background: whitesmoke;
      opacity: 0.8;
    }
    /deep/ .slider .slider-box__item img{
    height: 400px;
    background-size: cover;
    }
    /deep/ .timeline .line{
      width: 88%;
      height: 3px;
      background-color: blanchedalmond;
    }
    /deep/.container .timeline .timeline-container .item .list .line:after{
      height: 3px;
    }
    /deep/.slider .slider-box .slider-box__item:nth-child(2) .item-title{
    font-size: 25px;
    margin-top: 25px;
    }
    /deep/ .slider .slider-box .slider-box__item:nth-child(2) .item-info{
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 25px;
    margin-right: 25px;
    }
    /deep/ .timeline .timeline-container .item .list .text{
      margin-top: 18px;
      margin-left: 12px;
      color: rgb(255, 140, 0);
      font-size: 18px;
      font-family:'宋体';
    }
    /deep/.timeline .timeline-container .item .list .circle{
      background: url('https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/time.png?versionId=CAEQGBiBgIDg1_yZ5hciIGRlOWIwMGEzZTgwMzRmODQ4M2RjZDEwNmMzZTRiYzk2');
      background-size: contain;
      width: 30px;
      height: 30px;
      margin-top: -18px;
    }
     /deep/.timeline .timeline-container .item .item-next{
       background: url('https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/right.png?versionId=CAEQGBiBgICg1vyZ5hciIDFkMTY5NzgyYjk1MjQ4ZjY4MDM0M2ZlM2FkNmFhM2Nk');
       background-size: cover;
       border: 3px solid salmon;
     }
     /deep/.timeline .timeline-container .item .item-prev{
       background: url('https://liyun-oss1.oss-cn-beijing.aliyuncs.com/superb-class/image/assets/left.png?versionId=CAEQGBiBgMDh2PyZ5hciIGI3N2Q5NjhlNTQ0YzQwNjU4MTRiMDRiOWZjYjA4M2E5');
       background-size: cover;
       border: 3px solid salmon;
     }
  }

</style>
